
var uploadfileimgWhich = 1;

$(".image_container img").each(function(){     
	$(this).click(function(){	
	     var uploadImg=$(this).attr('src');
	     var bigImg=$('.big-img');
		$(".bigpic").show();
		   bigImg.attr('src',uploadImg);	        
	});
	    $(".bigpic").click(function(){
	           $(".bigpic").hide();    	
		});
});

	
	
	$(function() {
		$("#file_upload1").change(function() {
			uploadfileimgWhich = 1;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });
			
			
			var $file = $(this);
			var fileObj = $file[0];
			var windowURL = window.URL || window.webkitURL;
			var dataURL;
			var $img = $("#preview1");
			 
			if(fileObj && fileObj.files && fileObj.files[0]){
			dataURL = windowURL.createObjectURL(fileObj.files[0]);
			$img.attr('src',dataURL);
			}else{
			dataURL = $file.val();
			var imgObj = $("#preview1");
			// 两个坑:
			// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
			// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
			imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
			imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
			 
			}
			
		});
		
		$("#file_upload2").change(function() {
			uploadfileimgWhich = 2;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });
			
			
			var $file = $(this);
			var fileObj = $file[0];
			var windowURL = window.URL || window.webkitURL;
			var dataURL;
			var $img = $("#preview2");
			 
			if(fileObj && fileObj.files && fileObj.files[0]){
			dataURL = windowURL.createObjectURL(fileObj.files[0]);
			$img.attr('src',dataURL);
			}else{
			dataURL = $file.val();
			var imgObj = $("#preview2");
			// 两个坑:
			// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
			// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
			imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
			imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
			 
			}
		});

		$("#file_upload3").change(function() {
			uploadfileimgWhich = 3;
			var arr = $(this).val().split(".");
			lrz(this.files[0])
	        .then(function (rst) {
	            // 处理成功会执行
	            console.log(rst);
	            uploadFile(rst.base64,arr[1]);
	        })
	        .catch(function (err) {
	            // 处理失败会执行
	        })
	        .always(function () {
	            // 不管是成功失败，都会执行
	        });
			
			var $file = $(this);
			var fileObj = $file[0];
			var windowURL = window.URL || window.webkitURL;
			var dataURL;
			var $img = $("#preview3");
			 
			if(fileObj && fileObj.files && fileObj.files[0]){
			dataURL = windowURL.createObjectURL(fileObj.files[0]);
			$img.attr('src',dataURL);
			}else{
			dataURL = $file.val();
			var imgObj = $("#preview3");
			// 两个坑:
			// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；
			// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；
			imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
			imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;
			 
			}
		});
	});
	
	
    $(document).ready(function(){
        var lineHeight=$('.a-upload').width()/2-5;
    	$(".a-upload span").css('padding-top',lineHeight);	    	
    	$('.a-upload').height($('.a-upload').width());
    	$('.a-upload input').height($('.a-upload').width());
    	$('.del-list').css('margin-top',$('.a-upload ').height());
        $('#file_upload1').change(function(){
        	$('#preview1').height($('#preview1').width());            	
        });
        $('#file_upload2').change(function(){
        	$('#preview2').height($('#preview2').width());
        	
        });
        $('#file_upload3').change(function(){
        	$('#preview3').height($('#preview3').width());
        	
        });
        $('#file_upload4').change(function(){
        	$('#preview4').height($('#preview4').width());
        	
        });
        $('#file_upload5').change(function(){
        	$('#preview5').height($('#preview5').width());
        	
        });
        $('#file_upload6').change(function(){
        	$('#preview6').height($('#preview6').width());
        	
        });
        $('#del-list1').click(function(){
        	 $('#preview1').removeAttr('src');
        	 $('#preview1').height(0);
               $("#uploadfileimg1").val('')
        	 
        });
        $('#del-list2').click(function(){
        	 $('#preview2').removeAttr('src');
        	 $('#preview2').height(0);
               $("#uploadfileimg2").val('')
        	 
        });
        $('#del-list3').click(function(){
        	 $('#preview3').removeAttr('src');
        	 $('#preview3').height(0);
               $("#uploadfileimg3").val('')
        	 
        });
        $('#del-list4').click(function(){
        	 $('#preview4').removeAttr('src');
        	 $('#preview4').height(0);
        	 $("#uploadfileimg4").val('')
        });
        $('#del-list5').click(function(){
        	 $('#preview5').removeAttr('src');
        	 $('#preview5').height(0);
        	 $("#uploadfileimg5").val('')
        });
        $('#del-list6').click(function(){
       	 $('#preview6').removeAttr('src');
       	 $('#preview6').height(0);
       	 $("#uploadfileimg6").val('')
       });
	});



    /*
     * 图片上传开始
     */
   
	function uploadFile(base64Content,fileFormat) {
        var fd = new FormData();
        var base64 = base64Content.split(",");
        fd.append("userfile",base64[1]);
        fd.append("fileFormat",fileFormat);
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener("progress", uploadProgress, false);
        xhr.addEventListener("load", uploadComplete, false);
        xhr.addEventListener("error", uploadFailed, false);
        xhr.addEventListener("abort", uploadCanceled, false);
        xhr.open("POST", "/car2go_wx/relay/upload");
        xhr.send(fd);
    }

    function uploadProgress(evt) {
        if (evt.lengthComputable) {
            var percentComplete = Math.round(evt.loaded * 100 / evt.total);
            console.log(percentComplete);
            $(".post_img_inp").html('图片上传中'+percentComplete + '%');
        }else {
        }
    }

    function uploadComplete(evt) {
      console.log(evt.target.responseText);
      $("#picPath"+uploadfileimgWhich).val(evt.target.responseText);
 
    }

    function uploadFailed(evt) {
        alert("上传失败");
    }

    function uploadCanceled(evt) {
        // alert("已经取消上传");
    }